import React, { useEffect } from 'react';

function Mapmanagement(props) {
    useEffect(() => {
        // 创建地图实例
        var map = new window.BMapGL.Map('mapmanage-box', {
            maxZoom: 21,
        });
        //设置中心点坐标
        var point = new window.BMapGL.Point(108.95, 34.27);
        map.centerAndZoom(point, 10);
        map.enableScrollWheelZoom();

        // 添加全景图层
        map.addTileLayer(new window.BMapGL.PanoramaCoverageLayer());

        // 添加全景控件
        var stCtrl = new window.BMapGL.PanoramaControl(); stCtrl.setOffset(new window.BMapGL.Size(0, 0));
        map.addControl(stCtrl);



    });



    return (
        <div id='mapmanage-box' style={{ height: 800 }}>

        </div>
    );
}

export default Mapmanagement;